.userInfoContent {
  margin: 14rpx 20rpx;

  .basicUtilsContent {
    margin-top: 20rpx;
    background: #FFFFFF;
    border-radius: 20rpx;
    padding-top: 22rpx;
    padding-left: 26rpx;
    padding-bottom: 22rpx;
    @include flexBox(column, flex-start, space-between);

    .title {
      color: $color15;
      font-size: $fz32;
    }

    .basicUtils {
      margin-top: 30rpx;
      width: 100%;
      @include flexBox(row, flex-start, space-between);
      padding-left: 16rpx;
      padding-bottom: 22rpx;

      .utilsItem {
        @include flexBox(column, center, center);

        &:not(:first-child) {
          margin-left: 78rpx;
        }

        text {

          &:nth-child(1) {
            font-size: 45rpx;
          }

          &:nth-child(2) {
            font-size: $fz24;
            color: $color15;
            margin-top: 10rpx;
          }
        }
      }

    }
  }

  .basicContent {
    margin-top: 20rpx;
    height: 154rpx;
    background: #FFFFFF;
    border-radius: 20rpx;

    @include flexBox(row, flex-start, space-between);



    .basicItem {
      flex: 1;
      @include flexBox(column, center, center);

      text {
        color: $color15;
        font-size: 24rpx;

        &:nth-child(2) {
          margin-top: 14rpx;
        }
      }
    }
  }

  .basicInfo {
    margin: 14rpx 10rpx;

    @include flexBox(row, flex-start, center);

    .noImage {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      background: #DDD;
    }

    text {
      font-size: $fz32;
      color: $color15;
      margin-left: 24rpx;
    }
  }
}